*{
	margin: 0px;
	padding: 0px;	
}
html,body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.top{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
}
.top-left{
	float: left;
	width: 15%;
	height: 50px;
	background-color: #367FA9;
	line-height: 50px;
	color: #FFFFFF;
}
.top-right{
	float: left;
	width: 85%;
	height: 50px;
	background-color: #3C8DBC;
}
.top-right li{
	float: right;
	width: 50px;
	height: 50px;
	background-color: #6C6C6C;
	line-height: 50px;
	text-align: center;
	list-style: none;
}
.top-right li:hover{
	background-color: #DDDDDD;
}
.top-right a{
	color: #FFFFFF;
	text-decoration: none;
}
.bottom{
	margin: 0;
	padding: 0;
	width: 100%;
}
.bottom-left{
	float: left;
	width: 15%;
	height: 100%;
	background-color: #222D32;
}
.bottom-right{
	float: left;
	width: 85%;
	height: 100%;
}
.iframe1{
	width: 100%;
	height: 100%;
}
.iframe2{
	width: 100%;
	height: 100%;
}